<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>冰晨软件站</title>
    <meta name="keywords" content="资源教学网,QQ技术,QQ技术教程"/>
    <meta name="description" content="资源教学网,QQ技术,QQ技术教程"/>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/common.css"/>
    <link rel="stylesheet" href="/static/css/index.css">
</head>
<body style=" background: url(/static/images/body.png) center -60px;">
<header id="header">
    <div class="header-top">
        <div class="container header-top-center">
            <div class="header-top-left">
                <span>汇集软件下载，免费分享活动线报</span>
            </div>
            <div class="header-top-right">
                <span>广告投放</span>
            </div>
        </div>
    </div>
    <div class="header-center container">
        <a href="/" class="logo"></a>
        <img src="http://demo.cms.m.malaoshi.cn:3718/content/templates/xiaosou/lib/img/logo.png" alt="">
        </a>
        <img src="http://demo.cms.m.malaoshi.cn:3718/content/templates/xiaosou/lib/img/jpzy.jpg"
             class="logo-right-decation">
        <div class="layui-form search">
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="text" name="title" required lay-verify="required" placeholder="搜索一下"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
    </div>
    <nav class="header-nav"  id="navbar">
        <div class="nav-container">
            <ul class="nav-list">
                <li><a  class="active" href="#">网站首页</a></li>
                <li><a href="#">软件仓库</a></li>
                <li><a href="#">活动资讯</a></li>
                <li><a href="#">技术教程</a></li>
                <li><a href="#">软件源码</a></li>
                <li><a href="#">网站源码</a></li>
                <li><a href="#">值得一看</a></li>
                <li><a href="#">更多栏目</a></li>
            </ul>
        </div>
    </nav>
</header>
<!-- 广告区 -->
<section id="advertisement">
    <div class="container advertisement_box">
        <ul class="advertisement_list">
            <li style="background: #28a745">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #007bff">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #28a745">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #ffc107;">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #28a745;">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #28a745">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #007bff">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #28a745">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #ffc107;">
                <a href="#">广告50元/年</a>
            </li>
            <li style="background: #28a745;">
                <a href="#">广告50元/年</a>
            </li>
        </ul>
    </div>
    <div class="container">
        <ul class="advertisement_item">
            <li>
                <a href="#" style="color: #dc3545;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #166df1;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #28a745;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #ffc107;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #28a745;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #dc3545;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #166df1;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #28a745;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #ffc107;">招商广告50元/年</a>
            </li>
            <li>
                <a href="#" style="color: #28a745;">招商广告50元/年</a>
            </li>
        </ul>
    </div>
</section>
<!-- 文章区 -->
<section id="article">
    <div class="container article">
        <div class="article-left">
            <div class="article-image">
                <a href="">
                    <img
                            src="http://demo.cms.m.malaoshi.cn:3718/content/templates/xiaosou/lib/images/flashgg.jpg?v=1"
                            alt=""></a>
            </div>
            <div class="rjtj">
                <div class="rjtj-header">
                    <span><span class="icon">#</span>软件排行</span>
                    <a>更多</a>
                </div>
                <div class="rjtj-lists">
                    <div class="list-item">
                        <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                             alt="项目2" class="item-image">
                        <div class="item-content">
                            <div class="item-header">
                                <h3 class="item-name">这是一个很长的项目名称，超过20字时应该换行但会用省略号显示</h3>
                                <p class="item-time">2024-09-28</p>
                            </div>
                            <div class="item-footer">
                                <p class="item-type">电脑软件</p>
                                <button class="layui-btn layui-btn-sm layui-btn-primary">立即下载</button>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                             alt="项目2" class="item-image">
                        <div class="item-content">
                            <div class="item-header">
                                <h3 class="item-name">这是一个很长的项目名称，超过20字时应该换行但会用省略号显示</h3>
                                <p class="item-time">2024-09-28</p>
                            </div>
                            <div class="item-footer">
                                <p class="item-type">电脑软件</p>
                                <button class="layui-btn layui-btn-sm layui-btn-primary">立即下载</button>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                             alt="项目2" class="item-image">
                        <div class="item-content">
                            <div class="item-header">
                                <h3 class="item-name">这是一个很长的项目名称，超过20字时应该换行但会用省略号显示</h3>
                                <p class="item-time">2024-09-28</p>
                            </div>
                            <div class="item-footer">
                                <p class="item-type">电脑软件</p>
                                <button class="layui-btn layui-btn-sm layui-btn-primary">立即下载</button>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                             alt="项目2" class="item-image">
                        <div class="item-content">
                            <div class="item-header">
                                <h3 class="item-name">这是一个很长的项目名称，超过20字时应该换行但会用省略号显示</h3>
                                <p class="item-time">2024-09-28</p>
                            </div>
                            <div class="item-footer">
                                <p class="item-type">电脑软件</p>
                                <button class="layui-btn layui-btn-sm layui-btn-primary">立即下载</button>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                             alt="项目2" class="item-image">
                        <div class="item-content">
                            <div class="item-header">
                                <h3 class="item-name">这是一个很长的项目名称，超过20字时应该换行但会用省略号显示</h3>
                                <p class="item-time">2024-09-28</p>
                            </div>
                            <div class="item-footer">
                                <p class="item-type">电脑软件</p>
                                <button class="layui-btn layui-btn-sm layui-btn-primary">立即下载</button>
                            </div>
                        </div>
                    </div>
                    <div class="list-item">
                        <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                             alt="项目2" class="item-image">
                        <div class="item-content">
                            <div class="item-header">
                                <h3 class="item-name">这是一个很长的项目名称，超过20字时应该换行但会用省略号显示</h3>
                                <p class="item-time">2024-09-28</p>
                            </div>
                            <div class="item-footer">
                                <p class="item-type">电脑软件</p>
                                <button class="layui-btn layui-btn-sm layui-btn-primary">立即下载</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="article-right">
            <div class="article-header">
                <div class="article-header-left">
                    <span>最新内容</span>
                    <span class="layui-badge layui-bg-green">+12</span>
                </div>
                <div class="article-header-right">
                    <span>忙碌了一天，累了吧？去电影区看看电影，放松下吧！</span>
                </div>
            </div>
            <div class="nav-child">
                <a href="#" class="action">全部</a>
                <a href="#">电脑软件</a>
                <a href="#">手机软件</a>
                <a href="#">电脑软件</a>
                <a href="#">手机软件</a>
                <a href="#">电脑软件</a>
                <a href="#">手机软件</a>
                <a href="#">电脑软件</a>
                <a href="#">电脑软件</a>
            </div>
            <div class="article-lists">
                <ul>
                    <li><a class="tit ad" href="#">格式工厂v5.18.0去广告绿色版</a><span class="layui-badge-rim"
                                                                                        style="color: #666;">广告</span>
                    </li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                    <li><a class="tit" href="#">格式工厂v5.18.0去广告绿色版</a><span>9-20</span></li>
                </ul>
                <button class="layui-btn layui-btn-primary layui-btn-fluid ">加载更多..</button>
            </div>
        </div>
    </div>
</section>
<!--资源下载区-->
<section id="app">
    <div class="container">
        <div class="app-header">
            <span><span class="icon">#</span>软件排行</span>
            <a>更多</a>
        </div>
        <div class="app-nav">
            <a href="#" class="action">电脑软件</a>
            <a href="#">电脑软件</a>
            <a href="#">手机软件</a>
            <a href="#">电脑软件</a>
            <a href="#">手机软件</a>
            <a href="#">电脑软件</a>
            <a href="#">手机软件</a>
            <a href="#">电脑软件</a>
            <a href="#">电脑软件</a>
            <a href="#">电脑软件</a>
        </div>
        <div class="app-lists ">
            <div class="download-list">
                <!-- 列表项 1 -->
                <div class="download-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                         alt="软件图片" class="item-image">
                    <div class="item-info">
                        <h3 class="item-title">福昕PDF编辑器企业版v13.1...</h3>
                        <div class="item-meta">
                            <span>2024-09-29</span>
                            <span class="separator">|</span>
                            <span class="rating">⭐⭐⭐⭐⭐</span>
                        </div>
                    </div>
                    <a href="your-download-url" class="download-btn">下载</a>
                </div>
                <div class="download-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                         alt="软件图片" class="item-image">
                    <div class="item-info">
                        <h3 class="item-title">福昕PDF编辑器企业版v13.1...</h3>
                        <div class="item-meta">
                            <span>2024-09-29</span>
                            <span class="separator">|</span>
                            <span class="rating">⭐⭐⭐⭐⭐</span>
                        </div>
                    </div>
                    <a href="your-download-url" class="download-btn">下载</a>
                </div>
                <div class="download-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                         alt="软件图片" class="item-image">
                    <div class="item-info">
                        <h3 class="item-title">福昕PDF编辑器企业版v13.1...</h3>
                        <div class="item-meta">
                            <span>2024-09-29</span>
                            <span class="separator">|</span>
                            <span class="rating">⭐⭐⭐⭐⭐</span>
                        </div>
                    </div>
                    <a href="your-download-url" class="download-btn">下载</a>
                </div>
                <div class="download-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                         alt="软件图片" class="item-image">
                    <div class="item-info">
                        <h3 class="item-title">福昕PDF编辑器企业版v13.1...</h3>
                        <div class="item-meta">
                            <span>2024-09-29</span>
                            <span class="separator">|</span>
                            <span class="rating">⭐⭐⭐⭐⭐</span>
                        </div>
                    </div>
                    <a href="your-download-url" class="download-btn">下载</a>
                </div>
                <div class="download-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                         alt="软件图片" class="item-image">
                    <div class="item-info">
                        <h3 class="item-title">福昕PDF编辑器企业版v13.1...</h3>
                        <div class="item-meta">
                            <span>2024-09-29</span>
                            <span class="separator">|</span>
                            <span class="rating">⭐⭐⭐⭐⭐</span>
                        </div>
                    </div>
                    <a href="your-download-url" class="download-btn">下载</a>
                </div>
                <div class="download-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/2fc451e5-f8ad-4dad-8023-4e000c60f28e.jpeg"
                         alt="软件图片" class="item-image">
                    <div class="item-info">
                        <h3 class="item-title">福昕PDF编辑器企业版v13.1...</h3>
                        <div class="item-meta">
                            <span>2024-09-29</span>
                            <span class="separator">|</span>
                            <span class="rating">⭐⭐⭐⭐⭐</span>
                        </div>
                    </div>
                    <a href="your-download-url" class="download-btn">下载</a>
                </div>
                <!-- 继续添加更多的列表项... -->
            </div>
        </div>
    </div>
</section>
<!--文章专区-->
<section id="article_02">
    <div class="container article_02">
        <div class="app-header">
            <span><span class="icon">#</span>软件排行</span>
            <a>更多</a>
        </div>
        <div class="app-nav">
            <a href="#" class="action">电脑软件</a>
            <a href="#">电脑软件</a>
            <a href="#">手机软件</a>
            <a href="#">电脑软件</a>
            <a href="#">手机软件</a>
            <a href="#">电脑软件</a>
            <a href="#">手机软件</a>
            <a href="#">电脑软件</a>
            <a href="#">电脑软件</a>
            <a href="#">电脑软件</a>
        </div>
        <div class="article-list">
            <div class="article-item">
                <div class="article-title">
                    <span class="dot"></span> 余额宝月月有余双11狂欢抽消费红包
                </div>
                <div class="article-date">10-25</div>
            </div>

            <div class="article-item">
                <div class="article-title">
                    <span class="dot"></span> 光与夜之恋注册领60QB 抽腾讯视频会员等
                </div>
                <div class="article-date">10-25</div>
            </div>

            <div class="article-item">
                <div class="article-title">
                    <span class="dot"></span> 京东最汪实过伊利的领站点会员
                </div>
                <div class="article-date">10-25</div>
            </div>
            <div class="article-item">
                <div class="article-title">
                    <span class="dot"></span> 余额宝月月有余双11狂欢抽消费红包
                </div>
                <div class="article-date">10-25</div>
            </div>

            <div class="article-item">
                <div class="article-title">
                    <span class="dot"></span> 光与夜之恋注册领60QB 抽腾讯视频会员等
                </div>
                <div class="article-date">10-25</div>
            </div>

            <div class="article-item">
                <div class="article-title">
                    <span class="dot"></span> 京东最汪实过伊利的领站点会员
                </div>
                <div class="article-date">10-25</div>
            </div>
            <!-- 继续添加循环生成的文章项 -->
        </div>

    </div>
</section>
<!--友情链接专区-->
<section id="link">
    <div class="container link">
        <div class="app-header">
            <span><span class="icon">#</span>友情链接</span>
        </div>
        <div class="friend-links">
            <div class="link-item">
                <a href="https://example1.com" target="_blank">Example1</a>
            </div>
            <div class="link-item">
                <a href="https://example2.com" target="_blank">Example2</a>
            </div>
            <div class="link-item">
                <a href="https://example3.com" target="_blank">Example3</a>
            </div>
            <div class="link-item">
                <a href="https://example4.com" target="_blank">Example4</a>
            </div>
            <!-- 继续添加循环生成的友情链接 -->
        </div>
    </div>
</section>
</body>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/layui/layui.all.js"></script>
<script src="/static/js/common.js"></script>
</html>
